<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆注册</title>
    <style>
        .part_er .bor {
            border: 1px solid green;
        }
    </style>
    <link rel="stylesheet" href="../style/default.css">
    <link rel="stylesheet" href="../style/public.css">
    <link rel="stylesheet" href="../style/sign_in.css">
    <script src="../script/jquery.min.js"></script>
    <script src="../script/ajax.js"></script>
    <script src="../script/cookie.js"></script>
</head>

<body>
    <div class="part_top">
        <div class="bx flex">
            <div class="logo"><img src="../images/sign_in_image/jdlogo-201708-@1x.png" alt=""></div>
            <div class="weima">
                <div class="gzhu">
                    <p>关</p>
                    <p>注</p>
                    <p>微</p>
                    <p>信</p>
                </div>
                <img src="../images/sign_in_image/erweima.png" alt="">
            </div>
        </div>
    </div>
    <div class="part_er">
        <div class="bx dl">
            <img class="banner" src="../images/sign_in_image/huazhuangtu.jpg" alt="">
            <div class="biaodan non">
                <div class="yhdl">用户登录</div>
                <div class="bd">
                    <div class="dingwei xbq">
                        <input class=" gg click log_user" type="text" placeholder="用户名">
                        <i class="yonghu"></i>
                    </div>
                    <div class="dingwei xbq">
                        <i class="mm"></i>
                        <input class=" gg click log_pass" type="password" placeholder="密码">
                    </div>
                    <div class="dingwei l xbq log_verif">
                        <i class="tb"></i>
                        <input class="yzm click log_ver" type="text" placeholder="验证码">
                        <img class="verification" src="" alt="">
                    </div>
                    <div class="zhuce">
                        <a class="forget_password" href="javascript:;">忘记密码？</a>
                        <a class="zhuce_er" href="javascript:;">免费注册>></a>
                    </div>
                    <button class="btn">登录</button>
                </div>
            </div>
            <div class="biaodan non_er">
                <div class="yhdl">用户注册</div>
                <div class="bd">
                    <div class="dingwei user_format">
                        <input class=" gg click_two username_regexp" type="text" placeholder="用户名">
                        <i class="yonghu"></i>
                    </div>
                    <div class="dingwei pass_format">
                        <i class="mm"></i>
                        <input class=" gg click_two password_regexp" type="password" placeholder="密码">
                    </div>
                    <div class="dingwei conf_format">
                        <i class="mm"></i>
                        <input class=" gg click_two confirm_password" type="password" placeholder="确认密码">
                    </div>
                    <div class="dingwei mail_format">
                        <i class="mailbox"></i>
                        <input class=" gg click_two mailbox_regexp" type="text" placeholder="邮箱">
                    </div>
                    <div class="dingwei l verif">
                        <i class="tb"></i>
                        <input class="yzm click_two code " type="text" placeholder="验证码">
                        <img class="verification" src="" alt="">
                    </div>
                    <div class="return_to_login">返回登录</div>
                    <button class="btn_er">立即注册</button>
                </div>
            </div>
            <div class="biaodan non_three">
                <div class="yhdl">找回密码</div>
                <div class="bd">
                    <div class="dingwei">
                        <input class=" gg click_two" type="text" placeholder="电子邮箱">
                        <i class="mailbox"></i>
                    </div>
                    <div class="dingwei l">
                        <i class="tb"></i>
                        <input class="yzm click_two" type="text" placeholder="验证码">
                        <button class="send_code">发送验证码</button>
                    </div>
                    <div class="dingwei">
                        <i class="mm"></i>
                        <input class=" gg click_two" type="password" placeholder="密码">
                    </div>
                    <div class="dingwei">
                        <i class="mm"></i>
                        <input class=" gg click_two " type="password" placeholder="确认密码">
                    </div>
                    <div class="return_to_login">返回登录</div>
                    <button class="btn_er">确认修改</button>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom_nav">
        <div class="bx clear">
            <ul class="shopping_directory float nav_margin">
                <li class="nav_header">购物指南</li>
                <li><a href="javascript:;">新手指南</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">帮助中心</a></li>
                <li><a href="javascript:;">用户协议</a></li>
            </ul>
            <ul class="about_us float nav_margin">
                <li class="nav_header">关于我们</li>
                <li><a href="javascript:;">关于我们</a></li>
                <li><a href="javascript:;">加入我们</a></li>
                <li><a href="javascript:;">联系我们</a></li>
            </ul>
            <ul class="payment_method float nav_margin">
                <li class="nav_header">支付方式</li>
                <li><a href="javascript:;">快捷方式</a></li>
                <li><a href="javascript:;">信用卡</a></li>
                <li><a href="javascript:;">货到支付</a></li>
            </ul>
            <ul class="merchant_services float nav_margin">
                <li class="nav_header">商家服务</li>
                <li><a href="javascript:;">商家入驻</a></li>
                <li><a href="javascript:;">商家中心</a></li>
                <li><a href="javascript:;">物流服务</a></li>
            </ul>
            <div class="float follow">
                <p>关注微信</p>
                <a href="javascript:;">
                    <img src="../images/public_img/jd.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="copyright_content">
            <div class="copyright_nav">
                <a href="javascript:;">天猫</a>
                <span>|</span>
                <a href="javascript:;">京东</a>
                <span>|</span>
                <a href="javascript:;">YunOs</a>
                <span>|</span>
                <a href="javascript:;">阿里通信</a>
                <span>|</span>
                <a href="javascript:;">万网</a>
                <span>|</span>
                <a href="javascript:;">高德</a>
                <span>|</span>
                <a href="javascript:;">友视</a>
                <span>|</span>
                <a href="javascript:;">友盟</a>
                <span>|</span>
                <a href="javascript:;">虾米</a>
                <span>|</span>
                <a href="javascript:;">天天动听</a>
            </div>
            <div class="copyright_disorder">
                Copyright © 2008-2016 vip.com，All Rights Reserved
                <a class="hao" href="javascript:;">粤ICP备08114786号</a>
            </div>
            <div class="makeup">
                <a href="javascript:;">版权所有</a>
                <a href="javascript:;">美妆商城</a>
            </div>
        </div>
    </div>
</body>
<script src="../script/sign_in.js"></script>

</html>